@charset "utf-8";
/* CSS Document */
/* Reset */
* { margin:0; padding:0;}
a:link, a:visited, a:hover, a:active {text-decoration:none; cursor:pointer; color:#383838;  }
a:hover, a:active { color:#fa8001; }
body { font:12px "Microsoft Yahei","Thmano", "Arial"; color:#383838; background:#FFF;}
img { border:0px;}
li{ list-style:none; float:left;}
input, textarea, select  { font:12px/1.5 "Microsoft Yahei","Thmano", "Arial"; color:#999; outline:0; }
.clear{ clear:both;}

.hanggao{line-height:23px;}


.header{ width:100%; height:180px; z-index:100;}
.top{ width:100%; height:26px; background:#2d2d2f;}
.top-wrap{ width:1000px; margin:0 auto;}
.top-wrap .add{ float:right; width:240px; padding-top:4px;}
.top-wrap .add li{ width:78px; text-align:center; height:14px; line-height:14px;}
.top-wrap .add li a{ color:#8b8a8f;}
.top-wrap .setHome , .top-wrap .addFavo{border-right:1px solid #8b8a8f}
.top-wrap p{ height:26px; line-height:26px; color:#8b8a8f;}

.head-wrap{ width:1000px; margin:0 auto; height:94px;}
.head-wrap .searcher ,.head-wrap .tel{ float:right; margin-top:22px;}
.head-wrap .logo{ height:60px; width:400px; padding-top:24px; display:block;}
.head-wrap .searcher { height:40px; width:256px; border:1px solid #d0d0d0;}
.head-wrap .searcher input{ border:none; background:none;}
.head-wrap .searcher select{ border:none;background:none;}

.head-wrap .searcher #SearchTxt{ height:38px; line-height:38px; width:160px;float:left; color:#999999; padding-left:4px;}
.head-wrap .searcher .type{ float:left;height:38px; width:48px; line-height:38px;color:#999999;}
.head-wrap .searcher .type .drop{ background:#fff; width:48px; display:none;}
.head-wrap .searcher .type .drop dl { box-shadow:0 0 0px rgba(0,0,0,0.1) inset; }
.head-wrap .searcher .type .drop dt { height:20px; line-height:20px; color:#FFF; }
.head-wrap .searcher .type .drop a { padding-left:5px; display:block; cursor:pointer; color:#999999; }
.head-wrap .searcher .type .drop a:hover { background:#ff7f00; color:#fff;}
.head-wrap .searcher .type span{ height:40px; line-height:40px; display:block; padding-left:4px; background:url(images/search.png) no-repeat 30px -22px;}
.head-wrap .searcher #SearchSubmit{ height:40px; width:40px; background:#ff7f00 url(images/search.png) no-repeat 8px 8px; cursor:pointer;float:right;}

.head-wrap .tel{ height:50px; width:210px;}
.head-wrap .tel h4{ font-size:24px; color:#fd821b; line-height:24px;font-weight:bold;}


/*nav*/
.nav{ height:60px; background:url(images/nav-bg.png) repeat-x; width:100%; }
.nav .nav-wrap{ width:1080px; margin:0 auto; height:61px;}
.nav .nav-wrap>li{ float:left; position:relative; text-align:center;z-index:100;}
.nav .nav-wrap>li>a{ color:#fff; display:block; height:51px; width:120px; padding-top:9px; line-height:50px;}
.nav .nav-wrap>li>a.hover{background:url(images/nav-cur.png) no-repeat;}
.nav ul li .drop{ position:absolute; top:60px; left:50%;z-index:200; margin-left:-54px;display:none;}
.nav ul li .drop li{ float:none; text-align:center; background:url(images/drop-bg.png);height:30px;}
.nav ul li .drop a{ display:block; height:30px; width:107px; color:#2d2c31; line-height:30px;}
.nav ul li .drop a:hover{background:#fc8000;color:#fff;}
/*banner*/
.banner{  height:430px;  overflow:hidden; position:relative; left:0; z-index:1}
.banner ul{width:100%;overflow:hidden; position:absolute;height:430px;}
.banner li{ height:430px; width:1440px;position:absolute;left:50%;margin-left:-720px;}
.banner .tip{ position:absolute; bottom:20px; height:4px; width:200px; left:50%; margin-left:-100px;}
.banner .tip em{ float:left; display:block; height:4px; width:36px; margin:0 4px; background:#ffd332; cursor:pointer;}
.banner .tip em.cur{ background:#fff;}

.minbanner{  height:200px;  overflow:hidden; position:relative;  left:0; z-index:1}
.minbanner ul{width:100%;overflow:hidden; position:absolute;height:200px;}
.minbanner li{ height:200px; width:1440px;position:absolute;left:50%;margin-left:-720px;}
.minbanner li img{width:1440px;height:200px;}
.minbanner .tip{ position:absolute; bottom:4px; height:18px; width:200px; left:50%; margin-left:-100px;}
.minbanner .tip em{  float:left; display:block; height:4px; width:36px; margin:0 4px; background:#ffd332; cursor:pointer;}
.minbanner .tip em.cur{ background:#fff;}

/*main*/
.main{ width:100%; padding:30px 0 40px 0; overflow:hidden;}
.main .bg1{position:absolute; top:236px; left:-230px; }
.main .bg2{position:absolute; top:278px;  right:-209px;}
.main-wrap{ width:1000px; margin:0 auto;}
.main-wrap .product{ width:100%; margin-bottom:16px; position:relative;}
.main-wrap .product .proshaw{ position:absolute; top:0; left:50%; margin-left:-288px;}
.main-wrap .list{ width:212px; float:left; border:1px solid #dddddd;}
.main-wrap .list .title{ text-align:center; height:74px; width:212px; line-height:74px;background: url(images/pro-top.jpg) no-repeat;}
.main-wrap .list h4{ color:#fff; font-size:24px;  margin-left:}
.main-wrap .list ul{ width:190px; padding:10px; height:670px; overflow:hidden;}
.main-wrap .list li{ border-bottom:1px solid #dddddd; }
.main-wrap .list li a{ display:block; height:28px; width:146px; color:#2e2e2e; padding-left:32px; background: url(images/prolist.png) no-repeat 0 8px; 
  line-height:30px;}
.main-wrap .list li a:hover{ color:#ff8a00; background: url(images/prolist.png) no-repeat 0 -39px;}
.main-wrap .show{float:right; height:740px; background:#f2f2f2; width:728px; margin:14px 0 12px; padding:0 24px;}
.main-wrap .show .title h4{ padding-right:100px; font-size:16px; color:#333333; padding:8px 0;}
.main-wrap .show .line{ height:3px; width:656px; border-left:72px solid #fd8000; background:#dedede;}
.main-wrap .show ul{ overflow:hidden; margin-top:16px;}
.main-wrap .show ul li{ margin:0 6px 13px; text-align:center;}
.main-wrap .show li a{ display:block; height:210px; width:228px; border:1px solid #c5c9cc; color:#313131;}
.main-wrap .show li img{height:165px; width:220px; padding:4px; background:#fff;margin-bottom:10px;}
.main-wrap .show li a:hover{ color:#fb8700; border:1px solid #fb8700;}

.main-wrap .about{ width:720px; float:left; height:450px;}
.main-wrap .about .title h4{padding-right:100px; font-size:18px; color:#333333; padding:8px 0; background:url(images/English2.png) no-repeat 80px 16px;}
.main-wrap .about .line{ height:3px; width:646px; border-left:72px solid #fd8000; background:#dedede;}
.main-wrap .about .img{ height:175px; width:260px; background:#e2e2e2; position:relative; margin:40px 22px 0 14px; float:left;}
.main-wrap .about .img img{ position:absolute; left:-14px; top:-16px; height:175px; width:260px;}
.main-wrap .about .brief{ margin-top:25px; float:right; width:424px;}
.main-wrap .about .brief h3{ font-size:18px; color:#ff7e00; }
.main-wrap .about .brief .line{ height:2px; width:72px; background:#fa8100; margin:16px 0;}
.main-wrap .about .brief p{ height:103px; line-height:26px;}
.main-wrap .about .brief .more{ height:26px; width:50px; border:1px solid #e3e3e3; padding-right:36px; display:block; line-height:26px; 
  padding:0 40px 0 14px; background:url(images/jt.png) no-repeat 70px 4px; font-size:14px;}
.main-wrap .about .photo{ height:160px; width:718px; margin-top:24px;}

.main-wrap .honor{ height:364px; width:224px; padding:40px 15px 20px; float:right; position:relative; border:1px solid #cfcfcf; border-top:none;
  margin-top:22px;background:url(images/honor-top.png) repeat-x;}
.main-wrap .honor .title{ height:28px; width:110px; padding-right:74px; border:1px solid #9f9f9f; text-align:center; position: absolute; margin-left:20px; 
  background:#fff; top:-12px;background:#fff url(images/English.png) no-repeat 100px -52px;}
.main-wrap .honor h4{ font-size:18px; line-height:26px;}

/*case*/
.project{ height:564px; width:100%; background:url(images/case-bg.jpg); padding-top:36px; position:relative;}
.project-wrap{ text-align:center; height:44px; width:440px; padding-top:36px; margin:0 auto 24px; border-bottom:1px solid #dfdfdf; 
  background:url(images/English3.png) no-repeat 110px -210px; font-size:22px;} 
.project-wrap .yellow{ height:3px; width:54px; background:#fa8001; margin:12px auto 0;}
.project .left,.project .right{ position:absolute; height:400px; width:28px; top:160px;}
.project .left a,.project .right a{ display:block; height:58px; width:28px; margin-top:148px;}
.project .left{ left:50%;margin-left:-500px; background:url(images/scroll-bg.png) no-repeat 27px 0;}
.project .left a{ background:#fd7d00 url(images/scroll.png) no-repeat 6px 16px;}
.project .right{right:50%; margin-right:-500px; background:url(images/scroll-bg.png) no-repeat;}
.project .right a{ background:#fd7d00 url(images/scroll.png) no-repeat -34px 16px;}
.project .show{ width:936px; margin:0 auto; overflow:hidden; height:460px; position:relative;}
.project .show ul{ position:absolute; left:0;top:0; height:460px;}
.project .show li{ float:left; margin:0 8px 22px;}
.project .show li a{ height:204px; width:216px; display:block;}
.project .show li a:hover{ opacity:0.8;}
.project .show li span{ margin:14px 0 7px; display:block;}
.project .show li .line3{ height:2px; width:40px; background:#fa8001;}
.project .show li img{ height:158px; width:210px; padding:3px; background:#fff;}

/*practice*/
.practice{ width:100%; background:#ff9126; height:326px;}
.practice img{ width:1000px; height:326px; margin:0 auto; display:block;}

/*part*/
.part{ height:374px; margin:34px auto 42px; width:1000px;}
.part .knowledge{ width:312px; height:100%; float:left; margin-right:30px;}
.part .knowledge .title{ width:100%; height:34px;}
.part .knowledge .title .more{ float:right; display:block; height:20px; width:51px; background:url(images/more.png) no-repeat; margin-top:2px;}
.part .knowledge .title h4{ padding-right:124px; background:url(images/English3.png) no-repeat 80px -84px; font-size:18px;}
.part .knowledge .line{ height:2px; width:240px; border-left:72px solid #ff8001; background:#dedede;}
.part .knowledge .list{ height:310px; width:100%; margin-top:24px; overflow:hidden;}
.part .knowledge .list li{ height:49px; width:100%; border-bottom:1px dotted #e1e1e1;}
.part .knowledge .list li span{ float:right; line-height:48px;}
.part .knowledge .list li a{ display:block; height:48px; line-height:48px; padding-left:18px; background:url(images/list-bg.png) no-repeat 0 22px; width:220px;}
.part .knowledge .list li.first{ height:104px; border:none; overflow:hidden;}
.part .knowledge .list li.first img{ float:left; height:104px; width:138px; margin-right:12px;}
.part .knowledge .list li.first a{ font-size:18px; height:22px; line-height:22px; width:320px;}
.part .knowledge .list li.first p{ height:44px; margin:10px auto 12px; overflow:hidden; line-height:22px;}
.part .knowledge .list li.first span{ float:left; line-height:22px;}
.xia{ float:right;width:160px}
/*news*/
.part .news .title h4{ background:url(images/English3.png) no-repeat 80px -144px; }

/*contact*/
.part .contact{ width:316px; height:100%; float:right; margin:0;}
.part .contact .title h4{ background:url(images/English3.png) no-repeat 80px -24px; }
.part .contact .tx{ height:110px; width:290px; border:2px solid #e0e0e0; background:url(images/contact-bg.jpg); position:relative; margin-top:26px; 
  padding:4px 0 0 18px;}
.part .contact .tx img{ position:absolute; top:-10px; right:0;}
.part .contact .tx h4{ font:36px impact; color:#f77700;}
.part .contact p{ line-height:20px; height:220px; overflow:hidden;margin-top:2px;}

/*bottom*/
.bottom{ height:276px; width:100%; background:#202022;}
.bottom-wrap{ width:1000px; margin:0 auto;}
.bottom-wrap .btlogo{ height:276px; width:200px; background:#2b2b2d; float:left; text-align:center; margin-right:10px;}
.bottom-wrap .btlogo img{ margin-top:46px;}
.bottom-wrap .right{ float:right; width:788px;}
.bottom-wrap .btnav{ padding:40px 0 20px; height:14px;}
.bottom-wrap .btnav li{ text-align:center; padding:0 16px;border-left:1px dotted #ffffff;}
.bottom-wrap .btnav a{ display:block; height:14px;color:#ffffff;}
.bottom-wrap .btnav li.first{border-left:none;}
.bottom-wrap .keywords{ background:url(images/keyword-bg.png) no-repeat; height:32px; line-height:32px; color:#fff; padding-left:12px;}
.bottom-wrap .copyright{ color:#fff; padding-left:12px; margin-top:20px;}
.bottom-wrap .copyright a{color:#8e8e8e; }
.bottom-wrap .copyright a:hover{color:#fff; }
.bottom-wrap .line4{ height:1px; background:#4f4f51; border-left:66px solid #8d8d8f; width:714px; margin:24px 0 0 12px;}
.bottom-wrap .line4 a{color:#fff;}
.bottom-wrap .link h4{ padding:0 78px 0 12px; background:url(images/English3.png) no-repeat 70px -118px; font-size:14px; color:#fff; margin-top:22px; }
.bottom-wrap .link ul{ height:14px; margin:16px 0 0 12px;}
.bottom-wrap .link li{ text-align:center; border-left:1px dotted #fff; padding:0 15px;}
.bottom-wrap .link li.first{border-left:none; padding-left:0;}
.bottom-wrap .link li a{ display:block; height:14px; line-height:14px; color:#fff;}


/*showpager*/

.showpager{ width:1000px;position:relative;margin:0 auto 26px;}
.showpager .leftnav{width:234px;float:left;}
.showpager .leftnav .list{ width:232px;border:1px solid #dddddd;}
.showpager .leftnav .list .title{ text-align:center; height:74px; width:232px; line-height:74px;background: url(images/pro-top2.jpg) no-repeat;}
.showpager .leftnav .list h4{ color:#fff; font-size:24px;  margin-left:}
.showpager .leftnav .list ul{ width:192px; padding:20px; overflow:hidden;}
.showpager .leftnav .list li{ border-bottom:1px solid #dddddd; }
.showpager .leftnav .list li a{display:block; height:28px; width:150px; color:#2e2e2e; padding-left:32px; background: url(images/prolist.png) no-repeat 0 8px; 
  line-height:30px;}
.showpager .leftnav .list li a:hover{ color:#ff8a00; background: url(images/prolist.png) no-repeat 0 -39px;}
.showpager .leftnav .list dd{display:none;}
.showpager .leftnav .list dd a{ background:none;}
.showpager .leftnav .list dd a:hover{ background:none;color:#ff8a00;background:none;}

.showpager .leftnav .contact{ width:232px;margin-top:30px;}
.showpager .leftnav .contact  h4{ font-size:18px; }
.showpager .leftnav .contact .line{height:3px;width:160px;background:#dddddd;border-left:72px solid #ff7e00;margin-top:12px;}
.showpager .leftnav .contact .tx{ height:90px; width:218px; border:2px solid #e0e0e0; background:url(images/contact-bg.jpg); position:relative; margin-top:26px; 
  padding:4px 0 0 10px;}
.showpager .leftnav .contact .tx img{ position:absolute; top:-10px; right:0;}
.showpager .leftnav .contact .tx h4{ font:26px impact; color:#f77700;}
.showpager .leftnav .contact p{ line-height:30px; }

.showpager .show{float:right;width:746px;line-height: 24px; }
.showpager .show p{ padding:10px;line-height:24px;color:#333333;}
.showpager .show .title h4{ padding-right:100px; font-size:16px; color:#333333; padding:8px 0;}
.showpager .show .title  .fr{float:right;color:#a3a3a3;line-height:40px;}
.showpager .show .title  .fr a{color:#a3a3a3;}
.showpager .show .title  .fr a:hover{color:#ff7e00;}
.showpager .show .line{ height:3px; width:674px; border-left:72px solid #fd8000; background:#dedede;}
.showpager .show .productlist{ overflow:hidden; margin-top:16px;}
.showpager .show .productlist li{ margin:0 8px 13px; text-align:center;}
.showpager .show .productlist li a{ display:block; height:210px; width:228px; border:1px solid #c5c9cc; color:#313131;}
.showpager .show .productlist li img{height:165px; width:220px; padding:4px; background:#fff;margin-bottom:10px;}
.showpager .show .productlist li a:hover{ color:#fb8700; border:1px solid #fb8700;}

.pager{display: block; height: auto;padding: 20px 0;text-align: center;width: 100%;}
.pager span,.pager a{display:inline-block;border:1px solid #a3a3a3;color:#a3a3a3;padding:4px 8px;text-decoration:none; margin:4px;}
.pager a:hover{background:#ff9d3d;border-color:#ff7e00;text-decoration:none;color:#fff;}
.pager .cur{background:#ff9d3d;border-color:#ff7e00; font-weight:bold;text-decoration:none;color:#fff;}
.pager span.dot{background:none;border-color:#fff; font-weight:bold; padding:0;}

/* listNews */
.listNews { margin-top:16px;overflow:hidden;}
.listNews li.item { width:100%; height:33px; line-height:33px;  border-bottom:1px dashed #c8c8c8; }
.listNews li.item a { float:left;color:#333333;height: 20px;margin: 6px 0;line-height: 20px;padding-left:10px;border-left:0px  solid #ff7e00;display:block;width:600px; }
.listNews li.item a:hover { color:#ff7e00; }
.listNews li.item span { float:right; margin-right:10px; color:#7e7e7e; }

/* listNews2 */
.listNews2 {margin-top:16px;overflow:hidden; }
.listNews2 li { float:left; padding:10px 0; width:100%; border-bottom:1px dotted #ddd; }
.listNews2 li .img { float:left; width:150px; height:110px; padding:2px; border:1px solid #cccccc; background:#FFF; }
.listNews2 li .img img { width:150px; height:110px; }
.listNews2 li .img:hover { border:1px solid #bbb; box-shadow:0 0 3px rgba(0,0,0,0.2); }
.listNews2 li .wd { width:560px; float:right; }
.listNews2 li .tit { height:25px; font-size:14px; line-height:20px; color:#1b7200; }
.listNews2 li .tit a:hover { text-decoration:underline; color:#ff7e00; }
.listNews2 li .mark { height:20px; color:#999; }
.listNews2 li .mark span { margin-right:5px; }
.listNews2 li .mark span.d { margin-left:5px; }
.listNews2 li .summary { text-indent:2em; line-height:22px; height:66px; overflow:hidden; color:#333333; }
.listNews2 li .summary a.more { margin-left:15px; color:#ff7e00; }
.listNews2 li .summary a.more:hover { text-decoration:underline; }

/* pageNews */
.pageNews { padding:0 20px; }
.pageNews .tit { font-size:18px; line-height:24px; padding:15px 0; text-align:center; color:#333333; }
.pageNews .mark { height:30px; line-height:30px; text-align:center; margin-bottom:20px; color:#999; border-bottom:1px dashed #ccc;border-top:1px dashed #ccc; }
.pageNews .mark span, .pageNews .main .mark a.msg { margin:0 7px; }
.pageNews .mark .font a { margin:0 3px; color:#ccc; }
.pageNews .mark .font a:hover, .pageNews .main .mark .font a.cur { color:#ff7e00; }
.pageNews .mark a.msg { width:40px; height:20px; line-height:20px; display:inline-block; background:url(../images/web/t.png) -31px 0 no-repeat; color:#1b7200; }
.pageNews .photo { overflow:hidden; text-align:center; margin-bottom:20px; }
.pageNews .photo img { max-width:580px; padding:5px; border:1px solid #ccc; background:#FFF; }
.pageNews .info { margin-bottom:40px; color:#5f5f5f; }
.pageNews .info p { margin-bottom:10px; line-height:2; text-indent:2em; }

.relatedLink{width:726px;;height:40px;border:1px solid #c8c8c8;line-height:40px;padding:0 10px;}
.relatedLink .prevLink{float:left;}
.relatedLink .nextLink{float:right;}

/* pageProduct */
.pageProduct {margin-top:16px; }
.pageProduct .photo { width:510px; float:left; }
.pageProduct .photo img { width:500px; height:375px; display:block; border: 1px solid #ff7e00; padding: 4px;}
.pageProduct .photo i { display:block;margin-bottom:10px; width:510px; height:385px;}
.pageProduct .photo span { display:block; width:430px; background:#efe6cd; height:30px; line-height:30px; color:#671763; font-weight:700; }
.pageProduct .info { width:746px;}
.pageProduct .m { width:676px; padding:10px 0; }
.pageProduct div.ts { font-size:14px; font-weight:700; color:#464646; height:25px; border-bottom:1px solid #ddd; }
.pageProduct div.infor {  padding-top:10px; margin-bottom:10px; line-height:24px; color:#333; }
.pageProduct .info { margin:20px 0; }
.pageProduct .wd { float:right; width:210px; height:285px; overflow:hidden; padding:10px; }
.pageProduct .wd h1 { font-size:16px; font-weight:700; color:#333333; line-height:20px; margin-bottom:7px; }
.pageProduct .wd ul { font-size:14px; }
.pageProduct .wd li.item { height:30px; line-height:30px;float:none;}
.pageProduct .wd li.item span { color:#464646; margin-right:5px; }
.pageProduct .wd li.btn { height:32px; background:#ff7e00;}
.pageProduct .wd li.btn a.order, .pageProduct .main .wd li.btn a.msg { width:80px; height:32px;  line-height:32px; text-align:center;display:block; color:#FFF;}
.pageProduct .wd li.btn a.msg { color:#666; }

.err{color:red;}
.skeyTag{padding:20px;}